@charset "GB2312";
@media screen and (max-width: 1920px) { 
.nav1:hover ul {
	left: 56.5%;
}
.nav2:hover ul {
	left: 71%;
}

}
@media screen and (max-width: 1830px) { 
.nav1:hover ul {
	left: 57%;
}
.nav2:hover ul {
	left: 72.5%;
}
}
@media screen and (max-width: 1700px) { 
.nav1:hover ul {
	left: 57.5%;
}
.nav2:hover ul {
	left: 73.5%;
}

}
@media screen and (max-width: 1650px) { 
.nav2:hover ul {
	left: 75%;
}
}
@media screen and (max-width: 1560px) { 
.nav1:hover ul {
	left: 58%;
}
.nav2:hover ul {
	left: 75.5%;
}

}
@media screen and (max-width: 1520px) { 
.nav2:hover ul {
	left: 76%;
}

}
@media screen and (max-width: 1480px) { 
.nav1:hover ul {
	left: 58.7%;
}
.nav2:hover ul {
	left: 76.8%;
}
}
@media screen and (max-width: 1440px) { 

.nav2:hover ul {
	left: 78%;
}

}
@media screen and (max-width: 1380px) { 
.nav1:hover ul {
	left: 58.8%;
}
.nav2:hover ul {
	left: 79%;
}

}
@media screen and (max-width: 1320px) { 
.nav1:hover ul {
	left: 60%;
}
.nav2:hover ul {
	left: 81%;
}
.nav5:hover ul {
	left: 35%;
}
}
@media screen and (max-width: 1250px) { 
.nav2:hover ul {
	left: 82%;
}

}
@media screen and (max-width: 1200px) { 
.nav2:hover ul {
	left: 83%;
}

}
@media screen and (max-width: 1160px) { 
.nav1:hover ul {
	left: 61%;
}
.nav2:hover ul {
	left: 84.7%;
}

}
@media screen and (max-width: 1130px) { 
.logc {
	float: left;
	display: none;
}
}
@media screen and (max-width: 1099px) { 
.topc {
	width: 98%;
	font-size: 12px;
	line-height: 24px;
	float: left;
	padding-right: 1%;
	padding-left: 1%;
}
.nav2:hover ul {
	width: 15%;
	right: 0px;
}
.nav5:hover ul {
width: 15%;
	right: 0px;
	left: 26.5%;
}
.logoc {
	width: 98%;
	float: left;
	padding-right: 1%;
	padding-left: 1%;
}
.alc {
	width: 98%;
	float: left;
	padding-right: 1%;
	padding-left: 1%;
}
.yst img{
	width: 100%;
}
.yqc {
	width: 98%;
	float: left;
	padding-right: 1%;
	padding-left: 1%;
}
.fac{
	width: 98%;
	float: left;
	padding-right: 1%;
	padding-left: 1%;
}
.navc {
	width: 100%;
	float: left;
}
.rsc {
	width: 98%;
	height: 45px;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 0px;
	margin-left: 1%;
}
.tjc {
	width: 98%;
	float: left;
	padding-right: 1%;
	padding-left: 1%;
}
.ysc {
	width: 98%;
	float: left;
	padding-right: 1%;
	padding-left: 1%;
}
.lyc {
	width: 98%;
	float: left;
	padding-right: 1%;
	padding-left: 1%;
}
.mianc {
	width: 98%;
	float: left;
	padding-right: 1%;
	padding-left: 1%;
}
.spd {
	float: left;
	width: 92%;
	background-image: url(../images/sg_41.jpg);
	border: 2px solid #feea99;
	margin-top: 4%;
	padding-top: 3%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
}
.wdd {
	padding: 3%;
	float: left;
	width: 94%;
}
.footc {
	width: 98%;
	float: left;
	padding-right: 1%;
	padding-left: 1%;
}
.footy ul li {
	float: right;
	width: 40%;
	display: block;
	margin-left: 5%;
}
.xwd ul li span {
	float: right;
	font-size: 12px;
	line-height: 30px;
	color: #999;
	display: none;
}

.hyd ul li span {
	float: right;
	font-size: 12px;
	line-height: 30px;
	color: #999;
	display: none;
}
.xwd ul li {
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #d1d1d1;
	white-space:nowrap; 
text-overflow:ellipsis; 
-o-text-overflow:ellipsis; 
overflow: hidden;
}
.hyd ul li {
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #d1d1d1;
	white-space:nowrap; 
text-overflow:ellipsis; 
-o-text-overflow:ellipsis; 
overflow: hidden;
}
.yst2 {
	float: left;
	width: 100%;
	display: block;
}
.gdd {
	float: left;
	width: 100%;
	display: block;
}
.ly {
	background-image: url(../images/xhf_31.jpg);
	float: left;
	width: 100%;
	height: 887px;
	background-repeat: no-repeat;
	background-position: center top;
	display: none;
}
.fooc {
	float: left;
	width: 45%;
	margin-left: 5%;
	margin-top: 20px;
}
} 
@media screen and (max-width: 965px) { 
.wdqy {
	float: left;
	width: 80%;
	padding-right: 3%;
	padding-left: 3%;
	white-space:nowrap; 
text-overflow:ellipsis; 
-o-text-overflow:ellipsis; 
overflow: hidden;
}
.wddy {
	float: right;
	width: 86%;
	font-size: 12px;
	line-height: 24px;
	color: #2c2c2c;
	text-align: left;
}
.gsdz {
	float: left;
	width: 60%;
}
.footy {
	float: right;
	margin-top: 35px;
	display: none;
}
.footz {
	float: left;
	width: 20%;
	background-image: url(../images/xhf_108.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-bottom: 20px;
}
.fooc {
	float: left;
	width: 70%;
	margin-left: 5%;
	margin-top: 20px;
}
.content #marquee1 {
	WIDTH: 89%;
	DISPLAY: list-item;
	FLOAT: left;
	OVERFLOW: hidden;
	height: 107px;
	top: 0px;
	padding: 0px;
	margin: 0px;
}
.slideGroup .parHd ul li{
	float: left;
	padding: 0;
	cursor: pointer;
	width: 14%;
	margin-right: 6px;
	background-color: #7c7c7c;
	text-align: center;
	color: #FFF;
}
} 
@media screen and (max-width: 900px) { 
.logoz {
	float: left;
	width: 68%;
}
.logoy {
	float: right;
	width: 32%;
}
.logo img {
	width: 100%;
}
.hzy {
	float: left;
	width: 99.8%;
	background-color: #FFF;
	margin-top: 9px;
	height: 157px;
	border: 1px solid #cfd3d4;
}
.hzz {
	background-image: url(../images/xhf_37.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 176px;
	width: 18%;
	padding-right: 1%;
	float: left;
	display: none;
}
.hzz2 {
	float: left;
	width: 100%;
	padding-bottom: 20px;
	display: block;
	text-align: center;
}
} 


@media screen and (max-width: 849px) { 
.rsz {
	float: left;
	width: 90%;
	line-height: 45px;
}
.rsy {
	float: left;
	width: 34%;
	height: 45px;
	display: none;
}
.gsdz {
	float: left;
	width: 100%;
}
.gsdz h1 {
	font-size: 1.7em;
	color: #232323;
	float: left;
	width: 100%;
}
.gsdz h1 span {
	color: #0053b3;
}


.gsdy {
	float: right;
	width: 306px;
	margin-top: 20px;
	display: none;
}
}
@media screen and (max-width: 800px) { 
.footz {
	float: left;
	width: 25%;
	background-image: url(../images/xhf_108.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-bottom: 20px;
}
#imageMenu {width:88%;}
.fooc {
	float: left;
	width: 65%;
	margin-left: 5%;
	margin-top: 20px;
}
.ly {
	background-image: url(../images/sg_41.jpg);
	float: left;
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	display: none;
}
.nleft {
	display: none;
}
.nright{
	width: 100%;
}
}
@media screen and (max-width: 770px) {
#imageMenu {width:94%;}
.preview {
	margin: 0%;
	width: 92% !important;
	padding: 4%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.pright{
	margin: 0%;
	width: 92% !important;
	padding: 4%;
}
}
@media screen and (max-width: 720px) { 
.left {
	float: left;
	width: 100%;
	padding: 0px;
	margin-top: 2%;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.right {
	float: left;
	width: 100%;
	margin-top: 2%;
	display: none;
}
.right2 {
	float: left;
	width: 30%;
	margin-top: 2%;
	display: none;
}
.rs {
	float: left;
	width: 100%;
	display: none;
}
.nav1 {
	background-image: url(../images/xhf_10.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	float: left;
	width: 25%;
	margin: 0px;
	padding: 0px;
	height: 49px;
}
.nav2 {
	display: block;
	float: left;
	width: 25%;
	margin: 0px;
	padding: 0px;
	height: 49px;
}
.nav3 {
	float: left;
	width: 25%;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 49px;
}
.nav4 {
	background-image: url(../images/xhf_10.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	display: none;
	float: left;
	width: 25%;
	margin: 0px;
	padding: 0px;
	height: 49px;
}

.slideGroup .parHd ul li{
	float: left;
	padding: 0;
	cursor: pointer;
	width: 32%;
	margin-right: 6px;
	background-color: #7c7c7c;
	text-align: center;
	color: #FFF;
	margin-bottom: 10px;
}
.slideGroup .parHd{
	height: 110px;
	line-height: 43px;
	padding: 0;
	position: relative;
	margin: 0px;
	width: 100%;
}
.fna {
	background-image: url(../images/xhf_98.jpg);
	background-repeat: repeat-x;
	float: left;
	width: 100%;
	line-height: 50px;
	display: none;
}
.q1 {
	float: left;
	width: 100%;
}
.list_title h3 a img {
	float: left;
	padding-top: 13px;
	padding-right: 8px;
}
.nav1:hover ul {
	display: none;
}
.nav2:hover ul {
	display: none;
}
} 
@media screen and (max-width: 625px) { 
.tj {
	float: left;
	width: 100%;
	background-image: none;
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 7%;
}
.tjd ul li {
	float: left;
	width: 48%;
	margin-right: 1%;
	margin-left: 1%;
	display: block;
	padding: 0%;
	margin-top: 0px;
	margin-bottom: 20px;
}
.footz {
	float: left;
	width: 25%;
	background-image: url(../images/xhf_108.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-bottom: 20px;
	display: none;
}
.fooc {
	float: left;
	width: 90%;
	margin-left: 5%;
	margin-top: 20px;
	margin-right: 5%;
}
.slideGroup .parHd ul li{
	float: left;
	padding: 0;
	cursor: pointer;
	width: 30%;
	margin-right: 6px;
	background-color: #7c7c7c;
	text-align: center;
	color: #FFF;
	margin-bottom: 10px;
}
}
@media screen and (max-width: 560px) { 
.xw {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.hy {
	float: right;
	width: 100%;
	margin-bottom: 20px;
}
.xwd ul li span {
	float: right;
	font-size: 12px;
	line-height: 30px;
	color: #999;
	display: block;
}

.hyd ul li span {
	float: right;
	font-size: 12px;
	line-height: 30px;
	color: #999;
	display: block;
}
.right2{
	display: block;
	float: left;
	width: 100%;
}
.wdqy {
	float: left;
	width: 87%;
	white-space:nowrap; 
text-overflow:ellipsis; 
-o-text-overflow:ellipsis; 
overflow: hidden;
}
.wddy {
	float: left;
	width: 87%;
	font-size: 12px;
	line-height: 24px;
	color: #2c2c2c;
	text-align: left;
}
.content #marquee1 {
	WIDTH: 85%;
	DISPLAY: list-item;
	FLOAT: left;
	OVERFLOW: hidden;
	height: 107px;
	top: 0px;
	padding: 0px;
	margin: 0px;
}
}
@media screen and (max-width: 480px) { 
.footq {
	background-image: none;
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	width: 100%;
	padding-bottom: 30px;
}
}
@media screen and (max-width: 464px) { 
.wdqy {
	float: left;
	width: 80%;
	padding-right: 3%;
	padding-left: 3%;
	white-space:nowrap; 
text-overflow:ellipsis; 
-o-text-overflow:ellipsis; 
overflow: hidden;
}
.wddy {
	float: left;
	width: 86%;
	font-size: 12px;
	line-height: 24px;
	color: #2c2c2c;
	text-align: left;
}
}
@media screen and (max-width: 462px) { 
.alt img {
	float: left;
	width: 100%;
}
.content #marquee1 {
	WIDTH: 80%;
	DISPLAY: list-item;
	FLOAT: left;
	OVERFLOW: hidden;
	height: 107px;
	top: 0px;
	padding: 0px;
	margin: 0px;
}
} 
@media screen and (max-width: 420px) { 
.topc span {
	float: right;
	display: none;
}
} 
@media screen and (max-width: 381px) { 
.topc span {
	float: right;
	display: none;
}
.tjt img {
	float: left;
	width: 100%;
}
} 

@media screen and (max-width: 365px) { 
.xwd ul li span {
	float: right;
	font-size: 12px;
	line-height: 30px;
	color: #999;
	display: none;
}

.hyd ul li span {
	float: right;
	font-size: 12px;
	line-height: 30px;
	color: #999;
	display: none;
}
.xwd ul li {
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #d1d1d1;
	white-space:nowrap; 
text-overflow:ellipsis; 
-o-text-overflow:ellipsis; 
overflow: hidden;
}
.hyd ul li {
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #d1d1d1;
	white-space:nowrap; 
text-overflow:ellipsis; 
-o-text-overflow:ellipsis; 
overflow: hidden;
}
} 
@media screen and (max-width: 450px) { 
.gsd img {
	float: left;
	padding-right: 0%;
	width: 100%;
}
.gdname {
	float: left;
	width: 71%;
	font-size: 1.4em;
	font-weight: bold;
	color: #000;
	line-height: 30px;
}
}
@media screen and (max-width: 550px) { 
.list1 li {
	width: 48%;
	float: left;
	margin-right: 1%;
	margin-bottom: 3%;
	margin-left: 1%;
}
#preview {margin:2%;width:98% !important;}
.line-zixun{
	margin-left: 2%;
}
#imageMenu {width:92%;}
}
@media screen and (max-width: 400px) { 
.mz {
	width: 32%;
	float: left;
	background-color: #087bd6;
	text-align: center;
	font-family: "微软雅黑";
	font-size: 16px;
	line-height: 35px;
}
#imageMenu {width:90%;}
.my {
	width: 66%;
	float: left;
	text-align: right;
	font-family: "微软雅黑";
	font-size: 14px;
	line-height: 35px;
	color: #000;
	padding-right: 2%;
}
}
@media screen and (max-width: 605px) { 
.topc span {
	float: right;
	display: none;
}
.Contentbox img {
	padding: 1%;
	float: left;
	width: 98%;
}
.news_details img {
	padding: 1%;
	float: left;
	width: 98%;
}
.yst {
	float: left;
	width: 100%;
	display: none;
}
.logoz {
	float: left;
	width: 100%;
}
.logoy {
	float: right;
	width: 32%;
	display: none;
}
.pic {
	display: none;
}
.cname {
	float: right;
	width: 100%;
	padding-right: 0%;
}
.cintro {
	width: 100%;
	padding-right: 0%;
}
}
#sousuo{float: left;
	width: 100%;
	position: absolute;
	z-index: 9;
	top: 0px;
	left: 0px;}
	
.irt{margin-bottom:40px}
.irt{width:342px;float:right}
.izt{height:126px;position:relative;margin-bottom:13px;padding-left:48px}
.izt span{background:url(../images/bg_izt.png) no-repeat;width:56px;height:126px;position:absolute;left:0;top:0;z-index:9}
 .tt{display:block;float:left;width:125px;background:url(../images/bg_icase.png) -1px -1px no-repeat}
 .ipro .tt{width:118px;height:50px;float:left;background:url(../images/icon_home_l.png) 33px -326px no-repeat #888;color:#fff;padding-top:35px;font:700 18px/28px "microsoft yahei";text-align:center;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}
 .ipro .tt span{display:block;font:400 12px/20px "";font-family:'Courier New',sans-serif;color:#bdbdbd}
 /*----------------ר�����ԭ��ʽ  ��------------------*/
	.slcase {
		position: relative;
		height: 126px;
		width: 294px;
		overflow: hidden;
	}

	.slcase img {
		width: 294px;
	}

	.slcase .fCl-slide a {
		display: block;
		height: 126px;
		line-height: 59px;
		width: 294px;
		overflow: hidden;
	}

	.slcase .fCl-nav {
		position: absolute;
		margin-left: 107px;
		bottom: 8px;
	}

	.slcase .fCl-nav li {
		float: left;
		width: 7px;
		height: 7px;
		margin: 0 3px;
		cursor: pointer;
		background: url(http://static.zzboiler.com/lib/images/icon_home_l.png) -10px -151px no-repeat;
	}

	.slcase .fCl-nav li.on {
		background-position: -10px -167px;
	} 
	 /*----------------ר�����ԭ��ʽ  ��------------------*/
.iserv ul li{background:url(../images/icon_home_l.png) no-repeat}
.iserv ul{border-bottom:1px solid #ebebeb;padding-bottom:10px;overflow:hidden}
.iserv ul li{width:104px;height:26px;float:left;margin-top:10px;font:700 14px/26px "microsoft yahei";overflow:hidden}
.iserv ul li a:hover{color:#ff2020}
.iserv .zx{background-position:-32px -89px;text-indent:38px;margin-right:18px}
.iserv .fw{background-position:-28px -154px;text-indent:41px;margin-right:12px}
.iserv .xz{background-position:-21px -123px;text-indent:48px}
.iserv p{line-height:36px;text-align:center}